<div class="tip-top">
  <ng-container [ngSwitch]="type">
    <svg *ngSwitchCase="'success'" fuiIcon="check-circle" color="success" size="22px"></svg>
    <svg *ngSwitchCase="'info'" fuiIcon="info-circle" color="primary" size="22px"></svg>
    <svg *ngSwitchCase="'error'" fuiIcon="cross-circle" color="danger" size="22px"></svg>
    <svg *ngSwitchCase="'warning'" fuiIcon="exclamation-circle" color="warning" size="22px"></svg>
  </ng-container>
  <div class="tip-top-title">{{title | translate}}</div>
</div>
<div class="tip-message">{{message | translate}}</div>

<fui-modal-foot>
  <button fuiBtn="default" fuiBtnOutline (click)="cancel()">{{'fui.MODAL.CANCEL' | translate}}</button>
  <button fuiBtn="primary" (click)="confirm()">{{'fui.MODAL.CONFIRM' | translate}}</button>
</fui-modal-foot>
